<template>
	<view>
		<view class="cu-bar bg-white margin-top">
			<view class='action'>
				<text class='cuIcon-title text-blue'></text>发现和开启宝宝新技能
			</view>
		</view>
		<view class='padding-sm flex flex-wrap'>
			<view class="padding-xs" v-for="(item,index) in ColorList" :key="index" v-if="item.name!='gray' && item.name!='black' && item.name!='white'" @click="chooseTag(item.name)">
				<view class='cu-tag light' :class="'bg-' + item.name">{{item.title}}</view>
			</view> 
		</view>
		<text>
			说明：\n
			1、优先级：c （a>b>c） \n
			2、宝宝不同时期都会有不同都成长表现，会逐步掌握各种技能 \n
			3、点击tag会标注某个时期宝宝掌握的新技能或成长中的表现
		</text>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				ColorList: this.ColorList,
			}
		},
		methods: {
			chooseTag(tag){
				uni.showToast({
					title:tag,
					duration:1000
				})
			}
		}
	}
</script>

<style>

</style>
